<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <!-- Site made with Mobirise Website Builder v5.2.0, https://mobirise.com -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="generator" content="Mobirise v5.2.0, mobirise.com">
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:image:src" content="assets/images/index-meta.jpg">
    <meta property="og:image" content="assets/images/index-meta.jpg">
    <meta name="twitter:title" content="Phantoms">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <link rel="shortcut icon" href="https://img.picgo.net/2024/10/18/frame-1-121x121bc5d878c1dd0d5fc.png"
          onerror="this.onerror=null;this.src='./assets/images/frame-1-121x121.png';"
          type="image/x-icon">
    <meta name="description" content="FF14、FC/CWLS Phantomsのホームページです。">


    <title>Phantoms</title>
    <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
    <link rel="stylesheet" href="assets/tether/tether.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="assets/dropdown/css/style.css">
    <link rel="stylesheet" href="assets/socicon/css/styles.css">
    <link rel="stylesheet" href="assets/theme/css/style.css">
    <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css">
    <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">

    <link rel="stylesheet" href="additions/mouse.css">
</head>
<body>

<style type="text/css">
    body {
        background: rgb(36,35,36);
    }

    .menu-container {
        text-align: center;
    }

    .toggle-button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #646464;
        color: white;
        border: none;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .toggle-button:hover {
        background-color: #b4b4b4;
    }

    .menu-items {
        max-height: 20vh;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        transition: all 0.3s ease;
        width: 100%; /* 或者固定宽度如 300px */
    }

    .menu-items::-webkit-scrollbar {
        display: none;
    }

    .menu-items a {
        text-align: center;
        white-space: nowrap; /* 防止按钮文字换行 */
        display: inline-block;
        width: auto;
        min-width: 100%;
    }

    .menu-items a {
        display: block;
        margin: 5px 0;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        text-decoration: none;
        color: #333;
    }

    .menu-items a:hover {
        background-color: #f0f0f0;
    }

</style>
<div style="position: fixed;opacity:1; background-color: rgb(36,35,36)">
    <!--		<iframe src="bubble.html" scrolling="No" frameborder="hide" style="position: fixed; width: 100%; height: 100%; max-width: 100%; object-fit: cover; opacity: 1"></iframe>-->
    <video autoplay muted loop style="position: fixed;width: 100%; height: 100%; max-width: 100%; max-height: 100%; min-width: 426px; min-height: 240px; object-fit: cover; opacity: 0.2;padding-top: 70px">
        <source src="https://img.picgo.net/2024/10/18/vedio35591bb9b85483808.mp4" type="video/mp4">
    </video>
</div>


<div id="menu"></div>
<script src="./assets/web/assets/jquery/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#menu").load("./additions/menu/menu1.html", function() {
            adjustLinks();
            window.addEventListener('resize', adjustLinks);
        });
    });
</script>


<section class="header1 cid-s48MCQYojq mbr-fullscreen" id="header1-f" style="position: fixed">
    <div class="align-center container-fluid" style="position: fixed">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-8">
                <h1 class="mbr-section-title mbr-fonts-style text-white mb-3 display-1"><strong>Albums</strong></h1>
                <p class="mbr-text mbr-fonts-style text-white display-7">相册</p>
                <table style="margin: 0 auto; border-collapse: collapse; text-align: center;">
                    <tr>
                        <td>
                            <div class="mbr-section-btn"><a class="btn btn-light display-4" target="_blank" href="album/yuki_album.html"
                                                            aria-expanded="false" style="height: 25px;width: 200px">Yuki的相册</a></div>
                            <div class="mbr-section-btn"><a class="btn btn-light display-4" target="_blank" href="album/yan_album.html"
                                                            aria-expanded="false" style="height: 25px;width: 200px">Yan的相册</a></div>
                            <div class="mbr-section-btn"><a class="btn btn-light display-4" target="_blank" href="album/nereus_album.html"
                                                            aria-expanded="false" style="height: 25px;width: 200px">Nereus的卡片</a></div>
                            <div class="mbr-section-btn"><a class="btn btn-light display-4" target="_blank" href="album/jill_album.html"
                                                            aria-expanded="false" style="height: 25px;width: 200px">Jill的酒吧看板</a></div>
                            <div class="mbr-section-btn"><a class="btn btn-light display-4" target="_blank" href="album/birthday/20250506birthday.html"
                                                            aria-expanded="false" style="height: 25px;width: 200px">20250506誕生日回</a></div>
                        </td>
                        <td>

                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div class="menu-container">
                                <button class="toggle-button">more</button>
                                <div class="menu-items" style="display: none;">
                                    <div class="mbr-section-btn mt-3">
                                        <a class="btn btn-white display-4" target="_blank" href="https://www.picgo.net/album/Phantom-Proiles.SsWL6">群友名牌</a>
                                    </div>
                                    <div class="mbr-section-btn mt-3">
                                        <a class="btn btn-white display-4" target="_blank" href="https://www.picgo.net/album/Sl47K">纯狱风</a>
                                    </div>
                                    <div class="mbr-section-btn mt-3">
                                        <a class="btn btn-white display-4" target="_blank" href="https://www.picgo.net/album/SldSb">风景照</a>
                                    </div>
                                    <div class="mbr-section-btn mt-3">
                                        <a class="btn btn-white display-4" target="_blank" href="https://www.picgo.net/album/SltsM">合影</a>
                                    </div>
                                    <div class="mbr-section-btn mt-3">
                                        <a class="btn btn-white display-4" target="_blank" href="https://www.picgo.net/album/SlGhc">一些NPC照片</a>
                                    </div>
                                    <div class="mbr-section-btn mt-3">
                                        <a class="btn btn-white display-4" target="_blank" href="#">精彩集锦(还没开始做OwO)</a>
                                    </div>

                                    <div style="font-size: 0.8em; color: white; margin: 0; padding: 0;">
                                        <br><p style="margin: 0;">
                                        <span style="display: block;">这个页面还没有做好 凑合用一下先 --Yuki 20221016</span>
                                    </p>
                                        <br><p style="margin: 0;">
                                        <span style="display: block;">懒得做了 就这样吧 (摆烂) --Yuki 20250314</span>
                                    </p>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>


            </div>
        </div>
    </div>
</section>


<script>
    document.querySelector('.toggle-button').addEventListener('click', function() {
        const menuItems = document.querySelector('.menu-items');
        if (menuItems.style.display === 'none') {
            menuItems.style.display = 'block';
            this.textContent = 'close';
            menuItems.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        } else {
            menuItems.style.display = 'none';
            this.textContent = 'more';
        }
    });
</script>



<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
    <p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Page was <a href="https://mobirise.site/g" style="color:#aaa;">designed</a> with Mobirise</p>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/ytplayer/jquery.mb.ytplayer.min.js"></script>
<script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>
<script src="assets/dropdown/js/nav-dropdown.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/theme/js/script.js"></script>


</body>



<div id="foot"></div>
<script src="./assets/web/assets/jquery/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#foot").load("./additions/foot/profile-round.html");
    });
</script>
<!-- 引入访客统计模块 -->
<script src="visitor-tracker.js"></script>
<!-- Cloudflare Web Analytics -->
<script defer src='./lib/cloudflare/beacon.min.js' data-cf-beacon='{"token": "0e55e488041949479a3dace73ef940cd"}'>
</script>
<!-- End Cloudflare Web Analytics -->


</html>